.uavStatusWeb {  
    /* display: flex; */
    /* height: 940px; */
    position: relative;
    height:890px;
    align-content: center;
    align-items: center;
    /* background-color: rgba(12, 36, 86, 1); */
    background-color: rgb(0, 0, 0);
    justify-content: center;
  }

.leftStatusBox {
    float: left;
    display: flex;
    flex-direction: column;
    z-index: 9;
    /*position: absolute;*/
    /* bottom: 25px; */
    height: calc(100vh - 72px);
    justify-content: space-evenly;
}
  
  .baseInfoBox { 
    min-height: 300px;
    height: 35%;
   }
  
  .uavTaskBox { 
    min-height: 230px;
    height: 25%;
   }
  
  .uavReplay { 
    min-height: 300px;
    height: 35%;
   }
  
  .rightStatusBox {
    float: right;  
    /* display: flex; */
    flex-direction: column;
    z-index: 9;

  }
  
  .rightStatusTop {  
    /* display: flex; */
  }
  
  .uavStatusMap {  width: 1180px;background-color:rgba(0, 0, 0, 0);position: relative;}
  
  .rightTopStatus { 
    float: right;
    position: relative;
   }
  
  .rightStatusBottom {  
    display: flex;
    position:absolute;
    bottom:5px;
    right: 0px;
    width: calc(100vw - 338px);
    justify-content: space-evenly;
  }
  
  .podControl { grid-area: podControl;width: 37%; }
  
  .loadControl { grid-area: loadControl;width: 24%; }
  
  .uavControl { grid-area: uavControl;width: 37%; }
  